<template>
  <div class="reagent-home-list">
    <HcTab :tabs="tabs" defaultTab="ReagentList" />
  </div>
</template>

<script lang="ts" setup>
import HcTab from "/@/components/hc-tab/index.vue";
import QualityControlProductsList from "./components/quality-control-products-list.vue";
import SiteList from "./components/site-list.vue";
import ReagentList from "./components/reagent-list.vue";

const tabs = [
  {
    label: "试剂",
    name: "ReagentList",
    component: ReagentList,
  },
  {
    label: "位点",
    name: "SiteList",
    component: SiteList,
  },
  {
    label: "质控品",
    name: "QualityControlProductsList",
    component: QualityControlProductsList,
  },
];
</script>

<style lang="scss" scoped>
.reagent-home-list {
  height: calc(100vh - var(--hc-header-height) - var(--hc-content-padding) - var(--hc-content-padding));
}
</style>
